<template>
    <div
        style="border: 1px solid #ccc;display: flex;flex-direction: column;align-items: center;background-color: #ffffff;">
        <h3> 人员增补模块</h3>
        <router-link to="/">返回</router-link>
        <div style="padding: 5px;margin: 5px;background-color: antiquewhite; width: 80px ;cursor: context-menu;"
            v-for="department in departments" :key="department">
            <router-link :to="{name:'zengbubiao',params:{name:department}}" >{{ department }}</router-link>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            departments: ['生产部', '资材部', '品质部', '财务部', '销售部']
        };
    }
};
</script>
<style>
* {
    font-family: '宋体';
}
</style>